<!--
	待接订单
-->

<form class="form-inline form-search">
    日期范围：
    <input type="date" name="begintime" value=""/>
    <input type="date" name="endtime" value=""/>
    <!--<select name="proName">-->
    <!--<option>订单1</option>-->
    <!--<option>订单2</option>-->
    <!--</select>-->
    <button type="button" class="btn btn-success" id="search"><img src="../Static/img/搜索.png"/>&nbsp;订单来源</button>
</form>
<div class="col-sm-12 col-md-12">
    <button class="btn btn-danger" id="dels"><img src="../Static/img/垃圾箱(1).png"/>批量删除</button>
    <button class="btn btn-primary" id="addBtn" data-toggle="modal" data-target="#addModal"><img src="../Static/img/加号.png"/>添加订单</button>
    <button class="btn btn-primary" id="res">刷新</button>
</div>
<div>
    <span>显示</span>
    <select class="pageSize" name="pageSize">
        <option>5</option>
        <option>2</option>
        <option>4</option>
        <option>6</option>
        <option>8</option>
        <option>10</option>
    </select>
    <span>条</span>
</div>
<table class="table" ng-src="/order/searchOrderStatePage.do">
    <thead>
    <tr ng-tilte="bingTable">
        <th ng-feild="checkbox"><input id="checkAll" type="checkbox" checked="false"></th>
        <th ng-feild="oId">#</th>
        <th ng-feild="oProduct.proName">订单产品</th>
        <th ng-feild="oDeadline">交货时间</th>
        <th ng-feild="oState">订单状态</th>
        <th ng-feild="oSourse">订单来源</th>
        <th ng-feild="isState">是否接单</th>
        <th ng-feild="detail">查看详情</th>
        <th ng-feild="operation">操作</th>
    </tr>
    </thead>
    <tbody>

    </tbody>

</table>
<div class="page" data-src="../Model/page.htm"></div>



<!-- Modal -->

<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">创建订单</h4>
            </div>
            <div class="modal-body">
                <form class="addOrderForm">
                    <table class="table">
                        <tr>
                            <td>订单来源:</td>
                            <td>
                                <select name="oSourse" class="form-control">
                                    <option value="1">线上</option>
                                    <option value="2">线下</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>截止日期:</td>
                            <td><input  class="input-text" type="date" name="oDeadline" value="" /></td>
                        </tr>
                        <tr id="product">
                            <td>订单产品:</td>
                            <td>
                                <select id="selectProduct" name="oProduct.proName" class="form-control">

                                </select>
                            </td>
                            <td class="page1-td2">产品数量:</td>
                            <td><input type="text" name="oQuantity" value=""/> </td>
                            <td>
                                <button class="btn btn-danger" id="delProduct" type="button"><img src="../Static/img/垃圾桶(红).png"/></button>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" id="addProduct" type="button"><img src="../Static/img/加号(2).png"/>添加产品</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="addOrder">创建订单</button>
            </div>
        </div>
    </div>
</div>
<!--拒单-->
<div class="modal fade" id="rejectModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="rejectModalLabel">拒单</h4>
            </div>
            <div class="modal-body">
                <form class="rejectForm">
                    <span>理由:</span><input class="form-control" type="text" name="oRemark" placeholder="拒单理由">
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" ng-fid="" id="rejectOrder">确定拒单</button>
            </div>
        </div>
    </div>
</div>

<!--查看详情-->
<div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="detailModalLabel">订单详情</h4>
            </div>
            <div class="modal-body">
                <table class="table">
                    <thead>
                    <tr>
                        <th>订单编号</th>
                        <th>订单来源</th>
                        <th>产品</th>
                        <th>数量</th>
                        <th>交货时间</th>
                        <th>下单时间</th>
                        <th>订单状态</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td name="oNumber"></td>
                        <td name="oSourse"></td>
                        <td name="proName"></td>
                        <td name="oQuantity"></td>
                        <td name="oDeadline"></td>
                        <td name="oPlacetime"></td>
                        <td name="oState"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>


<script src="../../static/js/order.js"></script>
<script>
    $(function () {
        $(".page").load($(".page").attr("data-src"))
    })
</script>